<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
  <meta charset="UTF-8">
  <title>随心测</title>
  <meta name="viewport" content="viewport-fit= cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  
  <meta name="format-detection" content="telephone=no">
  <meta name="msapplication-tap-highlight" content="no">
  <meta name="referrer" content="never"> 

  <link rel="icon" type="image/x-icon" href="assets/icon/logo.ico">
  <link rel="manifest" href="manifest.json"> 
  <meta name="theme-color" content="#4e8ef7">
 

  <!-- add to homescreen for ios -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">

  <!-- cordova.js required for cordova apps (remove if not needed) --> 
  <script src="cordova.js"></script>
  <!-- un-comment this code to enable service worker
  <script>
    if ('serviceWorker' in navigator) {
      navigator.serviceWorker.register('service-worker.js')
        .then(() => console.log('service worker installed'))
        .catch(err => console.error('Error', err));
    }
  </script>-->
  <link href="assets/libs/cropperjs/1.3.3/cropper.min.css" rel="stylesheet">
  <link href="build/main.css" rel="stylesheet">
  <script>
    (function (doc, win) {
      var docEl = doc.documentElement,
        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
        baseUnit = 37.5,
        sizeResult = 0,
        correctPx = function () {
          // rem bug for xiaomi max2
          var clientWidth = docEl.clientWidth;
          if (clientWidth < 320 || clientWidth > 768) return;

          var div = doc.createElement('div');
          div.style.width = '30rem';
          div.style.height = '0';
          doc.body.appendChild(div);
          var rmd = ((30 * sizeResult) / div.clientWidth);
          if (rmd < 1.05) return;

          var secondSize = rmd * sizeResult;
          if (!secondSize) return;
          docEl.style.fontSize = secondSize + 'px';
          doc.body.removeChild(div);
        },
        recalc = function () {
          var clientWidth = docEl.clientWidth;
          if (!clientWidth) return;
          sizeResult = clientWidth / baseUnit;
          docEl.style.fontSize = sizeResult + 'px';

          // rem bug for xiaomi max2
          correctPx()
        }

      if (!doc.addEventListener) return;
      win.addEventListener(resizeEvt, recalc, false);
      doc.addEventListener('DOMContentLoaded', recalc, false);

    })(document, window);

    // 限制只能手机访问
    var system = {};
    var p = navigator.platform;//获取那个平台
    var u = navigator.userAgent;//获取用户代理    
    system.win = p.indexOf("Win") == 0;//win电脑
    system.mac = p.indexOf("Mac") == 0;//mac电脑
    system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);//手机
    
    if (system.win || system.mac || system.xll) {//如果是PC转 
        if (u.indexOf('Windows Phone') > -1) {  //win手机端          
        }
        else {   
          // window.location.assign("./error.html") 
        }
    }


    

  </script>
</head>

<body>

  <!-- Ionic's root component and where the app will load -->
  <ion-app></ion-app>

  <!-- The polyfills js is generated during the build process -->
  <script src="build/polyfills.js"></script>

  <!-- The vendor js is generated during the build process
       It contains all of the dependencies in node_modules -->
  <script src="build/vendor.js"></script>

  <!-- The main bundle js is generated during the build process -->
  <script src="build/main.js"></script>

  
<!-- 导入自定义icon -->
<!-- <link rel="stylesheet" href="assets/fonts/zidingyi.css">  -->
<link rel="stylesheet" href="assets/fonts/iconfont.css"> 
<link rel="stylesheet" href="assets/fonts/wenhao.css"> 
<link rel="stylesheet" href="assets/fonts/tablan.css">
<link rel="stylesheet" href="assets/fonts/td.css"> 
<link rel="stylesheet" href="assets/fonts/eye.css"> 
<script type="text/javascript" src="assets/libs/cropperjs/1.3.3/cropper.min.js" charset="utf-8"></script>
</body>

</html>